<template>
<div>
    <div class="item" v-for="(item,index) of list" :key="index">
      <div class="item-title border-bottom">
       <span class="item-title-icon"></span>{{item.title}}</div> 
       <div v-if="item.children" class="item-chach">
           <ditaillist :list="item.children"></ditaillist></div> 
    </div>
   </div>
</template>
<script>
export default {
   name:'ditaillist',
   props:{
       list :Array
   } 
}
</script>
<style lang="stylus" scoped>
.item
    .item-title-icon
      position: relative
      left:.06rem
      top:.06rem
      display :inline-block
      width :.36rem
      height :.36rem
      background :url(http://s.qunarzz.com/piao/image/touch/sight/detail.png) 0 -.45rem no-repeat
      margin-right :.1rem
      background-size :.4rem 3rem
    .item-title
      font-size :.32rem
      line-height :.8rem
      padding :0,.2rem
    .item-chach  
       padding :0 .2rem
</style>
